// console.log("login起效了");


// 开启ajax请求
let subBtn = document.querySelector('#subBtn');
let username = document.querySelector('#username');
let pwd = document.querySelector('#pwd');
let tip = document.querySelector('#tip');


// 假设已经有了一个ajax方法
subBtn.onclick = function(){
    ajax(
        'http://localhost/login',
        {username:username.value,pwd:pwd.value},
        function(data){
            // console.log("完成了");
            tip.innerHTML = data.msg;
            if(data.code === 200){   
                window.location.href = '/list';
            }
        }
    )
}


// subBtn.onclick = function(){
//     // 发送ajax
//     let x = new XMLHttpRequest();
//     x.open('post','http://localhost/login');
//     x.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//     x.send(`username=${username.value}&&pwd=${pwd.value}`);
//     x.responseType = 'json';
//     x.onreadystatechange = function(){
//         if(x.readyState === 4 && x.status === 200){
//             // console.log(x.response);
//             // tip.innerHTML = x.response;

//             // 1. 直接将json字符串 -> obj
//             // let obj = JSON.parse(x.response);
//             // tip.innerHTML = obj.msg;
//             // if(obj.code === 200){   
//             //     window.location.href = '/list';
//             // }
//             // console.log(obj.code);

//             // 2. 直接设置响应体类型
//             // console.log(x.response);
//             tip.innerHTML = x.response.msg;
//             if(x.response.code === 200){   
//                 window.location.href = '/list';
//             }


//             // if(x.response==="登录成功"){
//             //     window.location.href = '/list';
//             // }
//         }
//     }
// }
